<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<!-- 3、外部样式，是推荐的方式 -->
		<link rel="stylesheet" type="text/css" href="css/my.css"/>
		<!-- 2、内部样式，也不推荐这样写，一般做练习为了简单会写到这里 -->
		<style type="text/css">
			.blue{
				color: blue;
			}
			/* 标签选择器 */
			h1{
				font-size: 60px;
			}
			/* id选择器，一般不通过id选择器加样式，id给后面的JavaScript使用*/
			#test{
				text-decoration: underline;
			}
		</style>
	</head>
	<body>
		<!-- 1、内嵌样式，不推荐这样使用 -->
		<h1 style="color: red;">王老师</h1>
		<h1 class="blue">朱老师</h1>
		<h1 class="yellow">鞠老师</h1>
		<h1 class="blue">高老师</h1>
		<h2 class="blue" id="test">高老师</h2>
	</body>
</html>
